.ui-popup-backdrop {
    background-color: rgba(55, 61, 71, 0.4) !important;
}

.ui-dialog {
    background-color: rgba(55, 61, 71, 0.9) !important;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5) !important;
    border: 0 !important;
}

.ui-dialog-header {
    border-bottom: 0 !important;
}

.ui-dialog-header:after {
    position: absolute;
    content: "";
    border-top: 1px solid #11abdc;
    left: 20px;
    right: 15px;
}

.ui-dialog-title {
    padding: 5px 15px !important;
    color: #fff !important;
}

.ui-dialog-close {
    top: 5px !important;
    color: #fff !important;
    opacity: 1 !important;
}

.ui-dialog-content {
    color: #fff !important;
}

.ui-dialog-footer button {
    background-color: rgba(55, 61, 71, 0.6) !important;
    border: 1px solid #11abdc !important;
    color: #fff !important;
    box-shadow: 1px 2px 3px 1px #000 !important;
}

.ui-dialog-footer button:hover {
    background-color: rgba(70, 77, 88, 0.6) !important;
    border: 1px solid #11abdc !important;
    color: #fff !important;
    box-shadow: 1px 2px 3px 1px #000 !important;
}

.ui-dialog-footer .ui-dialog-button button.ui-dialog-autofocus:focus,
.ui-dialog-footer .ui-dialog-button button.ui-dialog-autofocus:active {
}

.ui-dialog-footer {
    padding: 0 10px 10px !important;
}

.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
    outline: none !important;
}
